<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!doctype html>
<html>
<head>
<jsp:include page="/pad/common/commonCss.jsp"/>
<jsp:include page="/pad/common/commonJs.jsp"/>
<script  type="text/javascript" src="${basePath}pad/commonJs/tags/My97DatePicker/WdatePicker.js"></script>
<title>嘉童游乐中心</title>

<script type="text/javascript">
$(document).ready(function() {
	var x = "${index.isBranch}";
	if(x == '1'){
		var defalFloorNum = "${index.defailFloorNum}";
		var floorNum = "${index.floorNum}";
		setFloorNum(floorNum,defalFloorNum);
	}else{
		$("#floorNum").text("0");
		shake($("#floorNum"),"red",50);
	}
});

function setFloorNum(floorNum,defalFloorNum){
	var num = parseInt(floorNum);
	var num2 = parseInt(defalFloorNum);
	if(num < num2){
		$("#floorNum").text(floorNum);
	}else if(floorNum > defalFloorNum){
		$("#floorNum").text(defalFloorNum);
		shake($("#floorNum"),"red",50);
	}
}

function shake(ele,cls,times){
	var i = 0,t= false ,o =ele.attr("class")+" ",c ="",times=times||2;
	if(t) return;
	t= setInterval(function(){
		i++;
		c = i%2 ? o+cls : o;
		ele.attr("class",c);
		if(i==2*times){
			clearInterval(t);
			ele.removeClass(cls);
			}
		},500);
}
</script>
</head>
<body>
<div class="i_index">
	<div class="i_index_l fl">
    	<h1><a href="${basePath}system/user/updatePadPass.shtml"><i class="icon iconfont">&#xe60f;</i><br>${user.name}</a></h1>
        <ul>
        	<li class="i_index_l_hover"><a href="${basePath }system/index.shtml?mode=pad"><i class="icon iconfont">&#xe600;</i><br>首页</a></li>
            <li><a href="${basePath}filemanagement/findVipInfo.shtml"><i class="icon iconfont">&#xe603;</i><br>会籍</a></li>
            <li><a href="${basePath}parreserve/reservationPage.shtml"><i class="icon iconfont">&#xe604;</i><br>预约</a></li>
            <li><a href="${basePath }goods/padSales.shtml"><i class="icon iconfont">&#xe602;</i><br>消费管理</a></li>
        </ul>
    </div>
    <div class="i_index_r fl oh">
        <ul class="i_index_tab m20 fixed" id="tab_c">
            <li class="border_radius_l">待确认的派对团体</li>
            <li>预约后24小时内未预付团体</li>
            <li>即将到期会员</li>
            <li class="border_radius_r">近期生日会员</li>
        </ul>
        <div class="clear"></div>
        <ul id="tab_conbox_c">
        	<li class="m20">
            	<table class="table box_s">
                <tr>
                    <th>派对/团体</th>
                    <th>时间</th>
                    <th>主题</th>
                    <th>联系人</th>
                </tr>
                <c:forEach items="${ index.indexNoConfirm}" var="noConfirm">
            	<tr>
	                <td class="lv"><a href="${basePath }parreserve/editReservationPage.shtml?pkParresId=${noConfirm.pkParresId }&grpFlag=${noConfirm.grpFlag }">${noConfirm.pkParresId }</a></td>
	                <td>${noConfirm.holdDate }</td>
	                <td>${noConfirm.subject }</td>
	                <td title="${noConfirm.conInfo}">
						<c:if test="${noConfirm.conInfo != null}">
							<c:choose>
								<c:when test="${noConfirm.conInfo.length() > 15}">
											${noConfirm.conInfo.substring(0,15)}...
								</c:when>
								<c:otherwise>
											${noConfirm.conInfo}
								</c:otherwise>
							</c:choose>
						</c:if>
					 </td>
            	</tr>
            </c:forEach>
                <tr>
                    <td colspan="4"><a class="fr mr10" href="${basePath }parreserve/reservationPage.shtml">更多</a></td>
                </tr>
            </table>
            </li>
            <li class="m20 dsly_n">
            	<table class="table box_s">
                <tr>
                    <th>团体</th>
                    <th>时间</th>
                    <th>主题</th>
                    <th>联系人</th>
                </tr>
                <c:forEach items="${ index.indexNoPay}" var="noPay">
            	<tr>
	                <td class="lv"><a href="${basePath }parreserve/editReservationPage.shtml?pkParresId=${noPay.pkParresId }&grpFlag=${noPay.grpFlag }">${noPay.pkParresId }</a></td>
	                <td>${noPay.holdDate }</td>
	                <td>${noPay.subject }</td>
	                 <td title="${noPay.conInfo}">
						<c:if test="${noPay.conInfo != null}">
							<c:choose>
								<c:when test="${noPay.conInfo.length() > 15}">
											${noPay.conInfo.substring(0,15)}...
								</c:when>
								<c:otherwise>
											${noPay.conInfo}
								</c:otherwise>
							</c:choose>
						</c:if>
					 </td>
            	</tr>
            </c:forEach>
                <tr>
                    <td colspan="4"><a class="fr mr10" href="${basePath }parreserve/reservationPage.shtml">更多</a></td>
                </tr>
            </table>
            </li>
            <li class="m20 dsly_n">
            	<table class="table box_s">
                <tr>
                <th>会员</th>
                <th>姓名</th>
                <th>监护人电话</th>
                <th>到期日期</th>
            </tr>
             <c:forEach items="${ index.indexEndMem}" var="endMem">
             	<tr>
	                <td class="lv"><a href="${basePath}filemanagement/findDetailInfo.shtml?memberId=${endMem.pkMemId }&type=1">${endMem.pkMemId }</a></td>
	                <td>${endMem.memName }</td>
	                <td title="${endMem.conInfo}">
						<c:if test="${endMem.conInfo != null}">
							<c:choose>
								<c:when test="${endMem.conInfo.length() > 15}">
											${endMem.conInfo.substring(0,15)}...
								</c:when>
								<c:otherwise>
											${endMem.conInfo}
								</c:otherwise>
							</c:choose>
						</c:if>
					 </td>
	                <td>${endMem.holdDate }</td>
            	</tr>
             </c:forEach>
                <tr>
                    <td colspan="4"><a class="fr mr10" href="${basePath}filemanagement/findVipInfo.shtml?type=1&indexEndDate=indexEndDate">更多</a></td>
                </tr>
            </table>
            </li>
            <li class="m20 dsly_n">
            	<table class="table box_s">
                <tr>
                <th>会员</th>
                <th>姓名</th>
                <th>监护人电话</th>
                <th>生日</th>
            </tr>
             <c:forEach items="${ index.indexBirthdayMem}" var="birthdayMem">
             	<tr>
	                <td class="lv"><a href="${basePath }filemanagement/findDetailInfo.shtml?memberId=${birthdayMem.pkMemId }&type=1">${birthdayMem.pkMemId }</a></td>
	                <td>${birthdayMem.memName }</td>
	                 <td title="${birthdayMem.conInfo}">
						<c:if test="${birthdayMem.conInfo != null}">
							<c:choose>
								<c:when test="${birthdayMem.conInfo.length() > 15}">
											${birthdayMem.conInfo.substring(0,15)}...
								</c:when>
								<c:otherwise>
											${birthdayMem.conInfo}
								</c:otherwise>
							</c:choose>
						</c:if>
					 </td>
	                <td>${birthdayMem.holdDate }</td>
            	</tr>
             </c:forEach>
                <tr>
                    <td colspan="4"><a class="fr mr10" href="${basePath}filemanagement/findVipInfo.shtml?type=1&indexBirth=indexBirth">更多</a></td>
                </tr>
            </table>
            </li>
        </ul>
    </div>
</div>

</body>
</html>